body{background-color: #fff2d5;font-family: "\5FAE\8F6F\96C5\9ED1"}
ul{padding:0px;margin:0px;}
li{list-style:none;}
.head{height: 100px; line-height: 100px; background-color: #fff}
.content{ width: 1200px; margin:0px auto;}
.logo{ width: 176px;height: 45px;  background-image: url(../images/spread/logo.png); background-repeat: no-repeat;margin-top:25px;}
.share-link-btn{font-size:18px; height: 48px; line-height: 48px; padding:0px 35px;border:1px solid #3c8ff5;color:#3c8ff5;border-radius: 48px;-webkit-border-radius: 48px;-moz-border-radius: 48px;-0-border-radius: 48px;margin-top:25px;}
.share-link-btn:hover{text-decoration: none;border-color:#23527c;}
.spread-top{ position: relative;overflow: hidden;z-index: 0;}
.spread-top p{ font-size: 30px;color:#88493b; position: absolute; left: 0; right:0; top:50%; margin-top:-5%;}
.recommend{ position: relative;z-index: 1;}

.title{color:#ff640e;font-size:40px; }
.recommend-step .box{ height: 648px; background-image: url(../images/spread/box.png);padding:100px 40px 0px 30px;}
.recommend-list .box{ height: 917px; background-image: url(../images/spread/box1.png);padding:50px 80px 0px 85px;}
.box{width: 1200px;background-repeat: no-repeat;background-position: center;position: relative;}
.left-top-icon{position: absolute;width: 95px; height: 88px;background-image: url(../images/spread/box_lef_top.png);top:-83px;left: 10px;}
.right-top-icon{position: absolute;width: 218px; height: 162px;background-image: url(../images/spread/box_right_top.png);top:-153px;right: 0px;}
.left-bottom-icon{position: absolute;width: 99px; height: 215px;background-image: url(../images/spread/box_left_bottom.png);bottom:4px;left: -10px}
.right-bottom-icon{position: absolute;width: 217px; height: 191px;background-image: url(../images/spread/box_right_bottom.png);bottom:40px;right: 43px}
.box-setp{margin-left: 40px;}
.setp-title{background-image: url(../images/spread/recommend_step.png);background-repeat: no-repeat;width: 156px;height: 44px;line-height: 44px;color:#fff2d5; text-align: center;font-size: 18px}
.step-body{color:#88493b;margin-top: 20px;}
.step-body p{word-wrap:break-word;word-break:break-all;}
.step-icon{ margin-top: 64px;}
.step1icon{ background-image: url(../images/spread/step_icon1.png);background-repeat: no-repeat; width: 171px; height: 226px}
.step2icon{ background-image: url(../images/spread/step_icon2.png);background-repeat: no-repeat; width: 132px; height: 213px}
.step3icon{ background-image: url(../images/spread/step_icon3.png);background-repeat: no-repeat; width: 147px; height: 217px}
.step4icon{ background-image: url(../images/spread/step_icon4.png);background-repeat: no-repeat; width: 207px; height: 197px;position: relative;}
.step4icon span{position: absolute;top:64px;right: 12px;width: 100px; text-align: center;color:#88493b;font-size: 18px}

.icon-recommend{background-image: url(../images/spread/title_icon.png);background-repeat:no-repeat;width: 91px; height: 76px;display: inline-block;vertical-align: middle;}
.recommend-info{ line-height: 30px;color: #88493b;font-size: 20px;margin:30px 0px;}
.recommend-table{ border-collapse:collapse;}
.recommend-table th,.recommend-table td{height:50px; text-align: center;}
.recommend-table th{color: #fff;background-color: #e76527; font-weight: normal;font-size: 20px;}
.recommend-table td{color: #88493b;font-size: 18px;}
.recommend-table tr:nth-child(2n){background-color: #fddac9}
.recommend-table tr{background-color: #fff}
.recommend-prize-info,.recommend-prize-list{color:#88493b;}
.recommend-prize-info{margin:20px 0px;}
.recommend-table-pages{ line-height: 50px;}
.recommend-table-pages a{color:#88493b;margin-left: 15px;font-size: 16px}

.foot{padding:40px 0px; font-size: 16px;color: #88493b}
.tab-header{border-bottom: 2px solid #e76527;margin-bottom: 10px}
.tab-header li{display: inline-block;height: 40px; line-height: 40px; font-size: 18px; padding:0px 15px; margin-right: 15px; cursor: pointer;color: #88493b;}
.tab-header li.selected{border-bottom: 2px solid #e76527;}

/**register**/
.regster-from{ width: 350px; margin:0px auto;}
.inputItem{width: 100%;  height: 50px; line-height: 50px; margin-bottom: 15px}
.inputItemInner {position:relative;height:50px;padding-left: 45px; border: 1px solid #ddd; background: #fff; padding-right: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.inputItemInner .icon{position:absolute;}
.inputItemInner input {
	border: 1px solid #fff;height:48px; padding: 15px 10px; border: 0; font-size: 14px; width: 100%; box-shadow: none; color: #666; outline: none; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;vertical-align: top}
.inputItemInner.validator {position: relative; padding-right: 10px; width: 69%;display: inline-block;}
.phonecodebtn{position: absolute;right: 0px;top: 0px;border-left: 1px solid #ddd;height: 100%;line-height: 48px;text-align: center; color: #4d9dff;cursor: pointer;}
.validate-img {width: 27%;height: 44px;vertical-align: middle;margin-left:2%;margin-top: -2px;border-radius: 22px;cursor:pointer;}
.icon-user{left: 21px;top: 0px;color: #666;}
.icon-password{left: 21px; top: 0px;color: #666;}
.icon-email{left: 21px; top: 0px;color: #666;}
.icon-phone{left: 21px;top: 0px;color: #666;}
.icon-share{left: 21px;top: 0px;color: #666;}
.icon-emiyanzhengma{position: absolute;  left: 19px;top: 0px;color: #666;}
.icon-phonecode{ position: absolute;  left: 19px; top: 0px;color: #666;}

.statement-list{ padding-left:80px;}
.statement-tab{ width: 80px; margin-left:-80px; float: left;}
.statement-tab li{ height:30px; line-height: 30px; cursor: pointer;}
.statement-tab li:hover,.statement-tab li.selected{color:#4d9dff;}
.statement-body p{ text-indent: 20px;}


.myalert .modal-dialog {
  margin-top: 200px;
}
.myalert .modal-body {
  display: table;
}
.myalert .modal-body p {
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: normal;
}
.myalert .modal-body p i {
  font-size: 32px;
  color: #d9534f;
  margin-right: 10px;
}
.myalert .modal-body p i.glyphicon-primary {
  color: #4d9dff;
}
.myalert .modal-body p i.glyphicon-primary:before {
  content: "\e086";
}
.myalert .modal-body p i.glyphicon-success {
  color: #5cb85c;
}
.myalert .modal-body p i.glyphicon-success:before {
  content: "\e084";
}
.myalert .modal-body p i.glyphicon-warning {
  color: #f0ad4e;
}
.myalert .modal-body p i.glyphicon-warning:before {
  content: "\e107";
}
.myalert .modal-body p i.glyphicon-danger {
  color: #ff1B15;
}
.myalert .modal-body p i.glyphicon-danger:before {
  content: "\e101";
}
.myalert .modal-body select.ipt-txt {
  max-width: 230px;
}
.myalert .modal-footer .btn-primary {
  background: #4d9dff;
  border-color: #4d9dff;
  padding: 6px 14px;
}

.dialog-message-list {
  position: fixed;
  top: 65px;
  width: 300px;
  right: 10px;
  z-index: 2000;
}
.dialog-message-list .alert {
  word-wrap: break-word;
  word-break: normal;
}

.ipt-txt{ width: 600px;height: 30px; line-height: 30px; border:1px solid #ddd;text-indent: 10px}